﻿@using GoogleMapsHelpers

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Introducing GoogleMapsHelpers by NamedQuery</title>
    @Styles.Render("~/bundles/mainpage-styles")
</head>
<body>
    <div class="header">
        <div class="above-title">
            namedquery.com presents
        </div>
        <div class="title"><span class="blue">G</span><span class="red">o</span><span class="yellow">o</span><span class="blue">g</span><span class="green">l</span><span class="red">e</span>MapsHelpers</div>
    </div>
    <div class="body">
        <div class="content">

            <div>
                @Html.GoogleMaps(new { style = "width: 990px; height: 300px;" })

                <h3>What if I told you</h3>

                <div class="code">
                    @@Html.GoogleMaps(new { @@style="width: 1000px, height: 300px" })<br />
                    @@Html.GoogleMapsAPI("1600 Pennsylvania Ave NW, Washington, DC")
                </div>

                <h3>Was all I needed to draw the map?</h3>
            </div>

            <div>
                <a href="/demo/">
                    <button class="btn">Learn More</button>
                </a>
            </div>

        </div>
    </div>

    @Html.GoogleMapsAPI("1600 Pennsylvania Ave NW, Washington, DC")
</body>
</html>